<div class="po-accordion-item-header">
  <button
    #accordionElement
    [disabled]="disabledItem"
    [attr.aria-label]="label"
    [attr.aria-expanded]="expanded || false"
    class="po-accordion-item-header-button po-clickable"
    type="button"
    (click)="onClick()"
  >
    <div class="po-accordion-item-header-button-content" [p-tooltip]="getTooltip()">
      <div #accordionHeaderElement class="po-text-ellipsis po-accordion-item-header-title">{{ label }}</div>
      @if (labelTag) {
        <po-tag class="po-accordion-item-header-tag" [p-value]="labelTag" [p-type]="typeTag"> </po-tag>
      }
    </div>
    <po-icon p-icon="ICON_ARROW_DOWN" class="po-icon po-accordion-item-header-icon"></po-icon>
  </button>
</div>
